<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .c1 {
            background-color: green;
            /*height: 20px;*/
            height: 1000px;

        }

        .c2 {
            background-color: green;
            height: 20px;

        }

        img{
            width: 1000px!important;
            height: 800px;
        }
    </style>

</head>
<body>

<div>
    <div class="container-fluid">

        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>

                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="meinv.jpg" alt="...">
                            <div class="carousel-caption">
                                ...
                            </div>
                        </div>
                        <div class="item">
                            <img src="timg.jpg" alt="...">
                            <div class="carousel-caption">
                                ...
                            </div>
                        </div>
                        <div class="item">
                            <img src="http://pic1.win4000.com/wallpaper/c/53cdd1f7c1f21.jpg" alt="...">
                            <div class="carousel-caption">
                                ...
                            </div>
                        </div>
                        ...
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>

    </div>


    <!--    <button class="btn btn-danger btn-lg">提交</button>-->

    <!--    <img src="timg.jpg" alt="" class="img-circle">-->
    <!--<div class="container-fluid">-->

    <!--    <div class="row">-->
    <!--        <div class="col-md-4 col-md-offset-4">-->
    <!--            <h1>欢迎来到24期后台管理系统</h1>-->
    <!--            <form class="form-inline">-->
    <!--  <div class="form-group">-->
    <!--    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>-->
    <!--    <div class="input-group">-->
    <!--      <div class="input-group-addon">Y</div>-->
    <!--      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">-->
    <!--      <div class="input-group-addon">.00</div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--  <button type="submit" class="btn btn-primary">Transfer cash</button>-->
    <!--</form>-->
    <!--        </div>-->

    <!--    </div>-->

    <!--</div>-->


    <!--    <h1>h1. Bootstrap heading</h1>-->

    <!--    <h1>h1. Bootstrap heading <small>Secondary text</small></h1>-->

    <!--    You can use the mark tag to <mark>highlight</mark> text.-->
    <!--    <div>-->
    <!--            <blockquote>-->
    <!--              <p>为人不识武藤兰,阅尽A片也枉然</p>-->
    <!--              <footer>出自<cite title="Source Title">一只猥琐海狗</cite></footer>-->
    <!--            </blockquote>-->


    <!--    </div>-->

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="jquery.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script>
        $('.carousel').carousel({
          interval: 1000
        })

    </script>
</body>
</html>